<template>
  <view>
    <progress :percent="progress" activeColor="#4094d0" stroke-width="6" />
  </view>
</template>
 
<script>
export default {
  data() {
    return {
      progress: 0, // 初始进度为0
    };
  },
  mounted() {
    this.simulateLoading(); // 页面加载完成后开始模拟加载过程
  },
  methods: {
    simulateLoading() {
      let currentProgress = 0;
      const interval = setInterval(() => {
        currentProgress += 10; // 每次增加10%
        this.progress = currentProgress;
        if (currentProgress >= 100) {
          clearInterval(interval); // 达到100%后停止计时器
          this.goToHome(); // 跳转到首页
        }
      }, 500); // 每500毫秒更新一次进度
    },
    goToHome() {
      uni.navigateTo({
        url: '/pages/index/index' // 假设首页路径为 /pages/index/index
      });
    }
  }
};
</script>
<style>

progress {
  width: 100%; /* 进度条宽度 */
}
</style>